<center>
<?php 
include_once("{$_SERVER['DOCUMENT_ROOT']}/header.php");
$query = iconv('euc-kr','utf-8',$query);
$storeName = iconv('euc-kr','utf-8',$storeName);
$storePhone = iconv('euc-kr','utf-8',$storePhone);
$apiKey="70537fbbc5962a1354a5ccce3ba81427";
$sxml = simplexml_load_file("http://openapi.map.naver.com/api/geocode.php?key=$apiKey&encoding=utf-8&coord=LatLng&query=$query");
$y=$sxml->item->point->y;
$x=$sxml->item->point->x;

//echo"$query (기입한 주소가 정확하지 않으면 지도가 표시되지 않습니다.)<br>숙박업소명 : $storeName  연락처 : $storePhone";
?>

  <style>v\:* { behavior: url(#default#VML); }</style>
  <!-- prevent IE6 flickering -->
  <script type="text/javascript">
   try {document.execCommand('BackgroundImageCache', false, true);} catch(e) {}
  </script>
<script type="text/javascript" src="http://openapi.map.naver.com/openapi/naverMap.naver?ver=2.0&key=<?=$apiKey;?>"></script>


 <div id = "testMap" style="border:5px solid silver; width:95%; height:90%; margin:20px; display:block;"></div>
 <script type="text/javascript">
   var oPoint = new nhn.api.map.LatLng(<?=$y?>,<?=$x?>); 
   nhn.api.map.setDefaultPoint('LatLng');
   oMap = new nhn.api.map.Map('testMap', {
      center : oPoint,
      level : 13, // - 초기 줌 레벨은 10이다.
      enableWheelZoom : true,
      enableDragPan : true,
      enableDblClickZoom : false,
      mapMode : 0,
      activateTrafficMap : false,
      activateBicycleMap : false,
      activateRealtyMap : true,
      minMaxLevel : [ 1, 14 ],
      size : new nhn.api.map.Size(800, 800)
   });
   var mapZoom = new nhn.api.map.ZoomControl(); // - 줌 컨트롤 선언
   mapZoom.setPosition({right:20, top:20}); // - 줌 컨트롤 위치 지정.
   oMap.addControl(mapZoom); // - 줌 컨트롤 추가.
   mapTypeChangeButton = new nhn.api.map.MapTypeBtn(); 
   mapTypeChangeButton.setPosition({right:55, top:20});
   oMap.addControl(mapTypeChangeButton);
   var oSize = new nhn.api.map.Size(28, 37);
   var oOffset = new nhn.api.map.Size(14, 37);
   var oIcon = new nhn.api.map.Icon('/zaza/image/zaza.png', oSize, oOffset);
   // - Draggable Marker 의 경우 Icon 인자는 Sprite Icon이 된다.
   // - 따라서 Sprite Icon 을 사용하기 위해 기본적으로 사용되는 값을 지정한다.
   // - Sprite Icon 을 사용하기 위해서 상세한 내용은 레퍼런스 페이지의 nhn.api.map.SpriteIcon 객체를 참조하면 된다.
   
var oMarker1 = new nhn.api.map.Marker(oIcon, { title : '★★<?="$storeName ( $storePhone) ";?>★★' });  //마커 생성 
oMarker1.setPoint(oPoint); //마커 표시할 좌표 선택
oMap.addOverlay(oMarker1); //마커를 지도위에 표현 
var oLabel1 = new nhn.api.map.MarkerLabel(); // - 마커 라벨 선언. 
oMap.addOverlay(oLabel1); // - 마커 라벨 지도에 추가. 기본은 라벨이 보이지 않는 상태로 추가됨. 
oLabel1.setVisible(true, oMarker1); // 마커 라벨 보이기 

  </script>

</center>